 /* 黑背景盒子 */
 .serFocus-bgcb {
     position: absolute;
     top: 1700px;
     /* left: 252px; */
     width: 100%;
     height: 370px;
     z-index: 10;
     /* 确保它在 services 下面 */
     display: none;
     /* 默认不显示 */
     background-color: #000;

 }

 /* 白色版区 */
 .serFocus-set {

     height: 273px;
     margin: 0 auto;
     background-color: #fff;
     position: relative;
     transition: all 0.5s ease;
     width: 68%;

 }

 /* 橘色关闭按钮 */
 .serFocus-fr-close {
     width: 28px;
     height: 28px;
     position: absolute;
     right: 0;
     top: 0;
     text-align: center;
     cursor: pointer;
 }

 /* 轮播图内容区 */
 .serFocus-fr-content {
     width: 100%;
     height: 100%;
     margin-top: 50px;
     position: relative;
     display: flex;
 }

 /* 左图 */
 .serFocus-fr-content .content-1-img {
     width: 350px;
     padding: 0 50px 0 100px;
 }

 .serFocus-fr-content .content-1-img img {
     width: 200px;
     height: 273px;
 }

 /* 右内容 */
 #content-1 .servicesContent {
     width: 550px;
     height: 220px;
     /* background-color: #fd8200; */
     padding-top: 40px;
     position: absolute;
     left: 350px;
     top: 0;
 }

 #content-1 .servicesContent-Model {
     margin: 15px auto;
 }

 #content-1 .servicesContent-Model-sp {
     display: inline-block;
     height: 30px;
     line-height: 35px;
     padding: 0px 80px 0px 40px;
     font-size: 16px;

 }

 #content-1 .apple {
     background: url(../imgs/iOS.png) no-repeat left/contain;

 }

 #content-1 .android {
     background: url(../imgs/安卓.png) no-repeat left/contain;

 }

 #content-1 .wechat {
     background: url(../imgs/微信.png) no-repeat left/contain;
 }

 #content-1 .servicesContent-ul {
     margin: 10px 0px;
     list-style: none;
 }

 #content-1 .servicesContent-ul li {
     font-size: 14px;
     display: flex;
     align-items: center;
 }

 /* ul 点 */
 .orangecic {
     display: inline-block;
     width: 4px;
     height: 4px;
     border-radius: 2px;
     background-color: #fd8200;
     margin-right: 10px;
 }

 #content-1 .servicesContent-button {
     width: 125px;
     height: 32px;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 #content-1 .servicesContent-button a {
     text-decoration: none;
     color: #fff;
     font-size: 14px;
 }

 #content-2 .solutionsText {
     position: absolute;
     left: 405px;
     top: 0px;
     padding-top: 55px;
     width: 510px;
 }

 #content-2 .solutionsText-title {
     width: 100%;
     height: 65px;
 }

 #content-2 .solutionsText p {
     width: 100%;
     height: 82px;
     font-size: 14px;
     display: inline-block;

 }

 .content-2-img {
     position: absolute;
     left: 20px;
     top: 0;
 }

 #content-3 .webSolutionsText {
     position: absolute;
     left: 85px;
     top: 55px;
     width: 510px;
 }

 #content-3 .webSolutionsText-title {
     width: 100%;
     height: 65px;
 }

 #content-3 .webSolutionsText p {
     font-size: 14px;
 }

 .content-3-img {
     position: absolute;
     left: 595px;
     top: 0;
 }

 /* 轮播点 */
 .serFocus .serFocus-dians {
     height: 35px;
     padding: 15px;
     text-align: center;
 }

 .serFocus-dian {
     display: inline-block;
     width: 18px;
     height: 18px;
     cursor: pointer;
     background: url(../imgs/ser_focus_point.gif) no-repeat 5px 5px;
 }

 .serFocus-dians .dj {
     background: url(../imgs/ser_focus_point.gif) no-repeat 5px -17px;
 }


 /* 字体控制工具 */
 .blackFont {
     color: black;
 }

 .grayFont {
     color: #999999;
 }

 .whiteFont {
     color: #fff;
 }

 .fz18 {
     font-size: 18px;
 }

 /* 通用设置区 */
 .orangeBgc {
     background-color: #fd8200;
 }

 /* 添加一个从上到下的动画效果 */
 @keyframes slideDown {
     from {
         transform: translateY(-100%);
         opacity: 0;
     }

     to {
         transform: translateY(0);
         opacity: 1;
     }
 }

 /* 应用动画到轮播图容器 */
 .serFocus-bgcb.active {
     animation: slideDown 0.5s forwards;
     /* 动画持续0.5秒，并在结束时保持最后一帧 */
 }